<template>
    <div>
        <t-navbar title="可回复" :fixed="false" class="custom-navbar" left-arrow @left-click="handleClick" />
        <t-cell-group>
            <t-cell title="SS外呼单" description="一段描述文字" arrow @click="toDo" />
            <t-cell title="BB外呼单" description="一段描述文字" arrow required @click="toDo" />
            <t-cell title="DD外呼单" description="一段描述文字" arrow @click="toDo">
                <template #note>
                    <t-badge :count="16" />
                </template>
            </t-cell>
        </t-cell-group>
    </div>

</template>

<script setup lang='ts'>
const router = useRouter()
const handleClick = () => {
    router.go(-1)
}
const toDo=()=>{
    router.push("/base/home/todo")
}
</script>

<style>
.custom-navbar {
    --td-navbar-bg-color: #0052d9;
    --td-navbar-color: #fff;
}
</style>